<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="../assets/stylesheets/comm.css">
    <link rel="stylesheet" href="../assets/stylesheets/foot.css">
</head>
<body>
<!--头部-->
<div class="html_header">
    <a href="../index.html">
    <img src="../assets/images/index/logo.png" class="header_img"/>
    </a>
    <ul class="index_ul">
        <li><a href="../about_bianmingka/about_convenience_card.html">关于便民卡</a></li>
        <li><a>服务指南</a></li>
        <li><a>公众号</a></li>
        <li><a>应用下载</a></li>
        <li><a>商户中心</a></li>
        <li><a href="login.html">个人中心</a></li>
    </ul>
</div>
<!--中心内容-->
<div class="body height_lose personal_body">
    <!-- 个人中心menu -->
    <div class="menu div_float_left personal_menu">
        <ul>
            <li>
                <div class="li"><span class="jiantou_active">个人中心</span></div>
                <ul class="ul_active">
                        <li>
                            <div class="li"><span>我的订单</span></div>
                            <ul class="in_ul">
                                <a href="#">
                                    <li>
                                        全部订单
                                    </li>
                                </a>
                                <a href="#">
                                    <li>
                                        待付款
                                    </li>
                                </a>
                                <a href="#">
                                    <li>
                                        已完成
                                    </li>
                                </a>
                                <a href="#">
                                    <li>
                                        已取消
                                    </li>
                                </a>
                            </ul>
                        </li>
                        <li>
                            <div class="li"><span>生活缴费</span></div>
                            <ul class="in_ul">
                                <a href="recharge_phone.html">
                                    <li>
                                        话费充值
                                    </li>
                                </a>
                                <a href="electric/electric_index.html">
                                    <li>
                                        电费缴纳
                                    </li>
                                </a>
                                <a href="warm/warm_index.html">
                                    <li>
                                        取暖费缴纳
                                    </li>
                                </a>
                                <a href="water/water_index.html">
                                    <li>
                                        水费缴纳
                                    </li>
                                </a>
                                <a href="gas/gas_index.html">
                                    <li>
                                        燃气费缴纳
                                    </li>
                                </a>
                            </ul>
                        </li>
                </ul>
            </li>

        </ul>
    </div>
    <!-- 个人中心content -->
    <div class="">
        <div class="personal_body_top height_lose relative_position">
            <div class="body_top1">
                <div class="div_float_left body_top_img br_div relative_position">
                    <!--默认头像-->
                    <img src="../assets/images/index/21.png" class="body_top_img update_logo"/>
                    <img src="../assets/images/life/39.png" class="realname_logo"/>
                    <!--<img src="../assets/images/life/38.png" class="update_logo_txt">-->
                </div>

                <div class="div_float_left margin_top_middle white_color">
                    <div class="more_middle_fontsize">用户名</div>
                    <div class="margin_form_middle large_fontsize br_div white_color">未实名认证</div>
                </div>
                <!--未实名-->
                <!--<a class="div_float_right lt_gray_color personal_info_a" href="torealname.html">个人信息设置</a>-->
                <!--已实名-->
                <a class="div_float_right lt_gray_color personal_info_a" href="realname_info.html">个人信息设置</a>
            </div>
            <div class="body_top2 absolute_position">
                <a>
                    <img src="../assets/images/index/22.png" class="order_img"/>
                    全部订单
                </a>
                <a>
                    <img src="../assets/images/index/23.png" class="order_img"/>
                    待付款
                </a>
                <a>
                    <img src="../assets/images/index/24.png" class="order_img"/>
                    已完成
                </a>
                <a class="last">
                    <img src="../assets/images/index/25.png" class="order_img"/>
                    已取消
                </a>
            </div>
        </div>
        <div class="personal_body_bottom">
            <div style="margin: 0 auto;padding: 20px 50px 0 50px;">
                <div style="display: inline-block;margin-right: 20px">
                        <img src="../assets/images/index/19.png" class="div_float_left" style="margin-right: 10px"/>
                        <div class="br_div">
                            <div class="large_fontsize main_color">商品名称：xxx直营店</div>
                            <div class="margin_top_middle lt_gray_color">订单编号：20333300000000000000</div>
                            <div class="margin_top_middle gray_color">详情介绍详情介绍详情介绍详情介绍</div>
                        </div>
                </div>
                <div style="display: inline-block;margin-right: 20px">
                        <img src="../assets/images/index/19.png" class="div_float_left" style="margin-right: 10px"/>
                        <div class="br_div">
                            <div class="large_fontsize main_color">商品名称：xxx直营店</div>
                            <div class="margin_top_middle lt_gray_color">订单编号：20333300000000000000</div>
                            <div class="margin_top_middle gray_color">详情介绍详情介绍详情介绍详情介绍</div>
                        </div>
                </div>
                <div style="display: inline-block;">
                        <img src="../assets/images/index/19.png" class="div_float_left" style="margin-right: 10px"/>
                        <div class="br_div">
                            <div class="large_fontsize main_color">商品名称：xxx直营店</div>
                            <div class="margin_top_middle lt_gray_color">订单编号：20333300000000000000</div>
                            <div class="margin_top_middle gray_color">详情介绍详情介绍详情介绍详情介绍</div>
                        </div>
                </div>
            </div>
            <div style="margin: 0 auto;padding: 20px 50px 0 50px;">
                <div style="display: inline-block;margin-right: 20px">
                        <img src="../assets/images/index/19.png" class="div_float_left" style="margin-right: 10px"/>
                        <div class="br_div">
                            <div class="large_fontsize main_color">商品名称：xxx直营店</div>
                            <div class="margin_top_middle lt_gray_color">订单编号：20333300000000000000</div>
                            <div class="margin_top_middle gray_color">详情介绍详情介绍详情介绍详情介绍</div>
                        </div>
                </div>
                <div style="display: inline-block;margin-right: 20px">
                        <img src="../assets/images/index/19.png" class="div_float_left" style="margin-right: 10px"/>
                        <div class="br_div">
                            <div class="large_fontsize main_color">商品名称：xxx直营店</div>
                            <div class="margin_top_middle lt_gray_color">订单编号：20333300000000000000</div>
                            <div class="margin_top_middle gray_color">详情介绍详情介绍详情介绍详情介绍</div>
                        </div>
                </div>
                <div style="display: inline-block;">
                        <img src="../assets/images/index/19.png" class="div_float_left" style="margin-right: 10px"/>
                        <div class="br_div">
                            <div class="large_fontsize main_color">商品名称：xxx直营店</div>
                            <div class="margin_top_middle lt_gray_color">订单编号：20333300000000000000</div>
                            <div class="margin_top_middle gray_color">详情介绍详情介绍详情介绍详情介绍</div>
                        </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--footer-->
<div class="footer">
    <div class="foot_body">
        <div>
            <img src="../assets/images/foot/wechat.png"/>
            <div class="foot_txt">微信公众号</div>
        </div>
        <div>
            <img src="../assets/images/foot/app.png"/>
            <div class="foot_txt">APP应用下载</div>
        </div>
        <p>
            嘉峪关，号称“天下第一雄关”，位于甘肃省嘉峪关市西5千米处最狭窄的山谷中部，城关两侧的城墙横穿沙漠戈壁，北连黑山悬壁长城，南接天下第一墩，是明长城最西端的关口，历史上曾被称为河西咽喉，因地势险要，建筑雄伟，有连陲锁钥之称。嘉峪关是古代“丝绸之路”的交通要塞，中国长城三大奇观之一（东有山海关、中有镇北台、西有嘉峪关）。
        </p>
    </div>
    <div class="foot_body">&copy;2012-2018嘉峪关xxxxx公司甘ICP备18043664号-18</div>
</div>
<script src="../assets/javascripts/jquery-1.11.1.min.js"></script>
<script src="../assets/javascripts/index.js"></script>
<script>
    /*
    头像点击事件
     */
    function updatelogoclick() {
        //在此执行
        alert("修改头像")
    }
</script>
</body>
</html>